/*----Buttons----*/
.button {
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.6px;
    display: inline-block;
    padding: 8px 18px;
    margin-bottom: 15px;
    margin-right: 12px;
    line-height: 30px;
}
.button-small{
    display:inline-block;
    padding:5px 15px;
    margin-bottom:15px;
    margin-right:12px;
    font-size:12px;
}

.button-xl{
    font-size:16px;
    padding:12px 30px;
}

.button-l{
    font-size:15px;
    padding:10px 30px;
}

.button-s{
    font-size:13px;
    padding:8px 20px;
}

.button-xs{
    font-size:11px;
    padding:6px 15px;
}

.button, .button:hover, .button-round, .button-round:hover, .button-cover, .button-cover:hover {
    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    transition: all 250ms ease;
}

.button-fullscreen {
    width: 100%!important;
    display: block;
    text-align: center;
}


.button-teal{			background-color:#16a085; color:#FFFFFF;}
.button-teal:hover{		background-color:#1abc9c;}

.button-green{			background-color:#27ae60; color:#FFFFFF;}
.button-green:hover{	background-color:#2ecc71;}

.button-blue{			background-color:#2980b9; color:#FFFFFF;}
.button-blue:hover{		background-color:#3498db;}

.button-magenta{		background-color:#8e44ad; color:#FFFFFF;}
.button-magenta:hover{	background-color:#9b59b6;}

.button-dark{			background-color:#2c3e50; color:#FFFFFF;}
.button-dark:hover{		background-color:#34495e;}

.button-yellow{			background-color:#f1c40f; color:#1f1f1f;}
.button-yellow:hover{	background-color:#f39c12;}

.button-orange{			background-color:#d35400; color:#FFFFFF;}
.button-orange:hover{	background-color:#e67e22;}

.button-red{			background-color:#c0392b; color:#FFFFFF;}
.button-red:hover{		background-color:#e74c3c;}

.button-light{			background-color:#bdc3c7; color:#1f1f1f;}
.button-light:hover{	background-color:#ecf0f1;}

.button-grey{			background-color:#7f8c8d; color:#FFFFFF;}
.button-grey:hover{		background-color:#95a5a6;}

.button i{padding-right:10px;}
